<template>
    <div class="bgfff pl15 pt15 pr15 pb15 card3">
        <div class="posre h426 overhidden boxshadow">
            <img src="https://you-one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/card6_bg.png" alt=""
                 class="posab left0 top0 card3_bg w100p h426 ">

          <div class="cacrd5_header" >
            <img :src="card_msg.picchecked || userlogo" alt=""
                 class="imgheader">
          </div>
          <div class="card5_right">
            <p class="fs20 cblk fbold ">{{card_msg.username || '姓名'}}</p>
            <p class="fs10 c38 lh20">{{card_msg.post || '职位'}}</p>
          </div>

          <div class="cacrd5_left">
              <p class="fs12 c38 pb6">{{card_msg.tel || '电话'}}</p>
              <p class="fs12 c38 ">{{card_msg.email || '邮箱'}}</p>
          </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "card_6",
        props:['card_msg'],
        data(){
          return {
            userlogo: 'https://you-one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/user_default_avatar_square.png', //头像
          }
        }
    }
</script>

<style>
    div{
      color: #383838;
    }
    .boxshadow{
      background:rgba(255,255,255,1);
      box-shadow:0px 0px 10px 0px rgba(6, 1, 0, 0.35);
      border-radius:10px;
    }

    .card3_bg{
      border-radius:10px;
    }


      .card3 .cacrd5_header{
        position: absolute;
        left: 120upx;
        top: 91upx;
      }

      .card3 .cacrd5_left {
        position: absolute;
        right :160upx;
        top:158upx;
      }
      .card3 .card5_right {
        position: absolute;
        right: 160upx;
        top: 50upx;
        width: 200upx;
      }

      .card3 .imgheader{
        width:98upx;
        height:98upx;
        border-radius:50%;
      }



    /*@media screen and (min-width: 414px){*/

    /*  .card3 .cacrd5_header{*/
    /*    position: absolute;*/
    /*    left: 119upx;*/
    /*    top: 88upx;*/
    /*    width:100upx;*/
    /*  }*/

    /*  .card3 .cacrd5_left {*/
    /*    position: absolute;*/
    /*    right :113upx;*/
    /*    top: 138upx;*/
    /*    width: 200upx;*/
    /*  }*/
    /*  .card3 .card5_right {*/
    /*    position: absolute;*/
    /*    right: 160upx;*/
    /*    top: 50upx;*/
    /*    width: 200upx;*/
    /*  }*/

    /*  .card3 .imgheader{*/
    /*    width:98upx;*/
    /*    height:98upx;*/
    /*    border-radius:50%;*/
    /*  }*/
    /*}*/



</style>
